<template>
	<el-container>
        <el-main height="">
            <el-form :model="form" ref="form" label-width="100px" label-position="right">
	            <el-row :gutter="0">
	                <el-col>
	                    <p class="module-title chapter-1">常用信息</p>
	                </el-col>
	            </el-row>
	            <div class="bg-white pd-20px">
	            	<el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="学号:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="姓名:">
		                        <el-input v-model="form.studentName" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="曾用名:">
		                        <el-input v-model="form.studentNameUsedBefore" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="拼音/英文名:">
		                        <el-input v-model="form.enName" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
		            <el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="性别">
		                        <el-input v-model="form.gender" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="出生日期">
		                        <el-input v-model="form.birthday" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="身高">
		                        <el-input v-model="form.height" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="体重">
		                        <el-input v-model="form.weight" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
		            <el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="健康">
		                        <el-input v-model="form.health" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="血型">
		                        <el-input v-model="form.bloodType" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="独生子女">
		                        <el-input v-model="form.isOnlyChild" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="学号">
		                        <el-input v-model="form.isMarried" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
		            <el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="特长">
		                        <el-input v-model="form.specialSkill" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="个人主页">
		                        <el-input v-model="form.pesonalPage" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="照片地址">
		                        <el-input v-model="form.photoLink" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
	            </div>
	            <el-row :gutter="0">
	                <el-col>
	                    <p class="module-title chapter-2">联系方式</p>
	                </el-col>
	            </el-row>
	            <div class="bg-white pd-20px">
		            <el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="手机号码">
		                        <el-input v-model="form.cellphoneNumber" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="联系电话">
		                        <el-input v-model="form.phoneNumber" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="学邮箱号">
		                        <el-input v-model="form.eMailAccount" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="学号">
		                        <el-input v-model="form.wechatAccount" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
		            <el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="QQ号码">
		                        <el-input v-model="form.qqNumber" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
	            </div>

	            <el-row :gutter="0">
	                <el-col>
	                    <p class="module-title chapter-3">地址信息</p>
	                </el-col>
	            </el-row>
	            <div class="bg-white pd-20px">
	            	<el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="国家">
		                        <el-input v-model="form.country" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="民族">
		                        <el-input v-model="form.minority" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="籍贯">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="出生地">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
		            <el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="生源地">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="终点站">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="户口详细地址:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="户口邮编:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
		            <el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="通信地址:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="通信邮编:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
	            </div>
	            <el-row :gutter="0">
	                <el-col>
	                    <p class="module-title chapter-4">政治面貌</p>
	                </el-col>
	            </el-row>
	            <div class="bg-white pd-20px">
	            	<el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="政治面貌">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="所属党支部:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="入党时间:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="入团时间:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
		            <el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="是否军人:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
	            </div>
	            <el-row :gutter="0">
	                <el-col>
	                    <p class="module-title chapter-5">录取报到</p>
	                </el-col>
	            </el-row>
	            <div class="bg-white pd-20px">
	            	<el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="录取时间:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="报到时间:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
	            </div>
	            <el-row :gutter="0">
	                <el-col>
	                    <p class="module-title chapter-6">工作情况</p>
	                </el-col>
	            </el-row>
	            <div class="bg-white pd-20px">
	            	<el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="是否在职:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="工龄:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="工作单位:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="单位地址:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
		            <el-row :gutter="42">
		                <el-col :span="6">
		                    <el-form-item label="单位邮编:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		                <el-col :span="6">
		                    <el-form-item label="备注:">
		                        <el-input v-model="form.studentId" size="mini"></el-input>
		                    </el-form-item>
		                </el-col>
		            </el-row>
	            </div>
	            <el-row :gutter="0">
	                <el-col>
	                    <el-form-item class="float-right">
		                	<el-button size="small">取消</el-button>
		                    <el-button type="primary" @click="onSubmit" size="small">立即创建</el-button>
		                </el-form-item>
	                </el-col>
	            </el-row>
                
            </el-form>
            <ul id="chapter-list">
            </ul>
        </el-main>
	</el-container>
</template>
<script>
export default{
	name: 'PersonalInfoCollect',
	mounted(){
		// let chapterList = document.getElementById('chapter-list');
		// let titleList = document.getElementsByClassName('module-title');
		// console.log(chapterList);
	},
	data () {
		return {
			form: {
				studentId: '',
			}
		}
	},
	methods: {
		onSubmit(){

		}
	}
}
</script>
<style scoped>
.module-title{font-size: 16px;margin:16px 0 12px 0;color: #333;display: inline-block;}
.el-row{height: 48px;}
.el-form-item{margin: 0;}
.el-form-item label{font-size: 12px;}
</style>